import React, {Component} from 'react';
import './App.css';
import { ConfigProvider, Layout } from 'antd'
import zhCN from 'antd/es/locale/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
import SideMenu from './components/SideMenu';
import Header from './components/Header';
import { HashRouter } from "react-router-dom";
import { connect } from "dva";
import Frame from './components/Frame';
moment.locale('zh-cn');
const {Content} = Layout
class App extends Component{
  constructor(props){
    super(props)
    this.state = {

    }
  }

  renderHeader = () => {
    return <Header />
  }

  renderSide = () => {
    return <SideMenu />
  }

  renderBody = () => {
    return (
      <Frame />
    )
  }

  renderTabBar = () => {

  }

  renderContent = () => {

  }

  render(){
    return (
      <HashRouter>
        <ConfigProvider locale={zhCN}>
          <Layout style={{minHeight:'100vh'}}>
            {this.renderHeader()}
            <Layout>
              {this.renderSide()}
              {this.renderBody()}
            </Layout>
          </Layout>
        </ConfigProvider>
      </HashRouter>
    )
  }
}
export default App